/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 *= require_tree .
 *= require_self
 */
 @import "bootstrap-sprockets";
 @import "bootstrap";

 $gray-medium-light: #eaeaea;
 @mixin box_sizing {
 	 -moz-box-sizing: border-box;
 	 -webkit-box-sizing: border-box;
 	 box-sizing: border-box;
 	}

  /* universal */
  html {
  	overflow-y: scroll;
  }
  body {
  	padding-top: 60px;
  }
  section {
        overflow: auto;
  }
  textarea {
  	resize: vertical;
  }
  .center {
  text-align: center;
  }
  .center h1 {
  	margin-bottom: 10px;
  }

  h1, h2, h3, h4, h5, h6 { line-height: 1;
  }
  h1 {
  	font-size: 3em; letter-spacing: -2px; margin-bottom: 30px; text-align: center;
  }
  h2 {
  	font-size: 1.2em; letter-spacing: -1px; margin-bottom: 30px; text-align: center; font-weight: normal; color: #777;
  }
  p{
  	font-size: 1.1em; line-height: 1.7em;
  }
  /* header */
  #logo {
  	float: left;
  	margin-right: 10px; font-size: 1.7em;
  	// color: #fff;
  	text-transform: uppercase;
  	letter-spacing: -1px;
  	padding-top: 9px;
  	font-weight: bold;
  }
  #logo:hover {
  	color: #fff;
      text-decoration: none;
  }
  .user_name {
    color: #fff;
  }
  #logout{
    display: inline;
  }
  /* footer */
  footer {
  	margin-top: 45px;
  	padding-top: 5px;
  	border-top: 1px solid #eaeaea; color: #777;
  }
  footer a {
  	color: #555;
  }
  footer a:hover {
  	color: #222;
  }
  footer small {
  	float: left;
  }
  footer ul {
  	float: right; list-style: none;
  }
  footer ul li {
  	float: left; margin-left: 15px;
  }
